// 入口函数
$(function () {
    // 弹窗对象
    var layer = layui.layer;

    // 点击注册表单 切换
    $('#link_reg').on("click", function () {
        $(".reg-box").show()
        $(".login-box").hide()
    })
    // 点击登录表单 切换
    $('#link_login').on("click", function () {
        $(".reg-box").hide()
        $(".login-box").show()
    })

    /*******2-自定义表单验证规则************************************************************************/
    /*表单对象*/
    var form = layui.form;


    /*定义规则*/
    form.verify({
        pwd: [
            /^[\s]{6,12}$/,
            '密码格式错误，必须是6-12位的非空字符'
        ],
        repwd: function (value) {
            var pwd = $('#form_reg [name=password]').val()
            if (pwd != value) {
                return '两次密码不一致'
            }
        }
    });

    /*3-注册提交功能 *******************************************************************************/
    // 收集数据
    $("#form_reg").on("submit", function (e) {
        // 取消默认提交行为
        e.preventDefault();
        // 收集表单数据
        // var data = {
        //     username: $("#form_reg [name=username]").val().trim(),
        //     password: $("#form_reg [name=password]").val().trim()
        // }
        // 一次性获取表单数据
        var data = $(this).serialize();
        // 发送ajax请求
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: data,
            success: function (res) {
                // 判断是否注册成功
                if (res.status != 0) {
                    layer.msg(res.message)
                }
                // layer提示
                layer.msg("注册成功,请去登陆！", function () {
                    // 显示登录表单，隐藏注册表单（触发去登陆的点击事件）
                    $("#link_login").click();
                })
            }
        })
    })


    /*4-登录功能 *********************************************************************************************/
    $("#form_login").on("submit", function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        console.log(data)
        $.ajax({
            method: "post",
            url: '/api/login',
            data: data,
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg(res.message)
                }
                // 登录成功后保存token,为后续调接口做准备
                localStorage.setItem('token',res.token)
                //登录成功后跳转页面到主页
                layer.msg("登录成功", function () {
                    location.href = "index.html"
                })
            }
        })
    })
})